<table role="grid" aria-labelledby="{{uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
  <thead>
    <tr>
      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left"></i></button></th>
      <th width="180px" colspan="{{5}}"> <!-- ng-click="toggleMode()"  -->
      		<button id="{{uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" tabindex="-1" style="width:100%;">
      		<strong>{{title}}</strong>
      		</button>
      </th>
      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-right"></i></button></th>
    </tr>
    <tr>
      <!-- <th ng-show="showWeeks" class="text-center"></th> -->
      <th ng-repeat="label in labels track by $index" class="text-center"><small aria-label="{{label.full}}">{{label.abbr}}</small></th>
    </tr>
  </thead>
  <tbody>
  	<tr ng-show="showWeeks" ng-repeat="row in rows track by $index">
  		<td colspan="7">
      	<button type="button" ng-click="select(row)" style="width:100%;" class="btn btn-default btn-info">{{row[0].date.toLocaleDateString()}}~{{row[6].date.toLocaleDateString()}}</button>
      	</td>
  	</tr>
    <tr ng-hide="showWeeks" ng-repeat="row in rows track by $index">
      
     <td ng-show="showWeeks" class="text-center h6" ><em>{{ weekNumbers[$index] }}</em>
      
      <button type="button" style="width:100%;" class="btn btn-default btn-sm"  ng-click="select(row)"  tabindex="-1"><span >{{ weekNumbers[$index] }}</span></button>
      </td>
      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{dt.uid}}" aria-disabled="{{!!dt.disabled}}">
        <button  type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}">{{dt.label}}</span></button>
      </td>
    </tr>
  </tbody>
</table>
